<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>个人中心</title>
<link rel="stylesheet" href="css/personalCenter.css"/>
<link rel="stylesheet" href="../common/common.css"/>
<script src="http://haiqiancun.com/file/demo/custom.modernizr.js"></script> 
</head>
<body>
	<div class="wrape">
	<!-- 页面吸顶菜单 -->
	<div id="page_nav">
		<div class="iiner">
			<img src="img/face.png" alt="艺人详细资料" titlle="艺人详细资料"/>
			<span>山河</span>
			<em class="sex"></em>
			<em class="address"></em>
			<span>浙江-杭州</span>
			<em class="zan"></em>
			<span>188</span>
			<em class="like"></em>
			<span>106</span>
			<em class="work"></em>
			<span>工作预约</span>
			<em class="date"></em>
			<span>档期日历</span>
		</div>
	</div>
	<header>
		
		<!-- 背景图 -->
		<img class="header_bg" src="img/perpleCenter.png"/>
		<!-- 蒙版 -->
		<div class="banner_mask"></div>
		
		<!-- banner图 -->
		<div class="banner">
			<div class="face">
				<img class="artist_certification" width="148" height="148" src="img/HeadPortrait.png"/>
				<span class="renzheng">V</span>
			</div>
			<div class="infor">
				<p class="stage_name">
					<span>山河</span>
					<img class="sex" src="img/women.png" />
				</p>
				<p class="stage_address">
					<img class="address" src="img/address.png"/>
					<span>浙江-杭州</span>
				</p>
			</div>
			
			<ul class="message_list">
				<li>
					<div><img src="img/Calenda.png"/></div>
					<div>档期</div>
				</li>
				<li>
					<div><img src="img/点赞.png"/></div>
					<div>188</div>
				</li>
				<li>
					<div><img src="img/喜欢.png"/></div>
					<div>106</div>
				</li>
				<li>
					<div><img src="img/工作预约.png"/></div>
					<div>预约</div>
				</li>
			</ul>
		</div>
	</header>

		<section>
			<div class="content">
				<div class="job_requirements">
					<h2 class="sub_title">选择工作需求</h2>
					<div class="job_inner">
						<h3>杭州平面模特拍摄需要女模一名</h3>
						<p>拍摄地点在杭州，不承担差旅费，只要杭州地区的模特，要求：气质良好。</p>
						<ul class="merchant_demand">
							<li>2017/04/20-2017-02-26</li>
							<li>时装拍摄/5000元/发票/杭州</li>
							<li>浙江省杭州市西湖区古墩路18号西城新座7F</li>
						</ul>
						<div class="defaule_but">默认</div>
					</div>
					<div class="new_link" name="false">新建工作需求</div>
					<ul class="link_inner">
						<li>
							<label for="reservation_title" class="hot_btn">预约标题</label>
							<input type="text" class="job_btn" id="reservation_title" name="reservation_title" />
							<span class="stat">*</span>
						</li>
						<li>
							<label for="remuneration_title" class="hot_btn">工作报酬</label>
							<input type="text" class="job_btn" id="remuneration_title" name="remuneration_title" />
							<span class="stat">*</span>
							<strong class="font_color">（元）</strong>
						</li>
						<li>
							<label for="cycle_title" class="hot_btn">工作周期</label>
							<input type="text" class="job_btn" id="cycle_title" name="cycle_title" />
							<span class="stat">*</span>
							<strong class="font_color">（天）</strong>
						</li>
						<li class="job_area clear_float">
							<label for="cycle_title" class="hot_btn fl">工作内容</label>
							<textarea name="job_content" class="job_content fl" id="job_content" placeholder="请填写工作要求和具体工作内容" ></textarea>
							<span class="stat_area fl">*</span>
						</li>

						<li>
							<label for="star_time" class="hot_btn">工作时间段</label>
							<input type="text" class="job_btn" id="star_time" name="star_time" />
							<span class="midle_line"></span>
							<input type="text" class="job_btn" name="end_time" />
							<span class="stat">*</span>
						</li>

						<li>
							<label for="job_ads" class="hot_btn">工作地点</label>
							<input type="text" class="job_btn" id="job_ads" name="job_ads" />
							<span class="stat">*</span>
							<strong class="font_color">（天）</strong>
						</li>
						<li>
							<label><input name="actions" type="checkbox" value="" />公司行为 </label> 
							<label><input class="check_option" name="free" type="checkbox" value="" />报销食宿 </label> 
							<label><input class="check_option" name="invoice" type="checkbox" value="" />发票 </label> 
						</li>

					</ul>
				</div>

				<div class="contactInformation">
					<h2 class="sub_title">选择联络信息</h2>
					<div class="job_inner">
						<h3>吴先生 <span class="company">华氏影视传媒</span></h3>
						<ul class="merchant_demand">
							<li>15080000000</li>
							<li>400-0000-0000</li>
							<li>mr@hsfilms.com</li>
						</ul>
						<div class="defaule_but">默认</div>
					</div>
					<div class="new_link" name="false">新建联系方式</div>
					<ul class="link_inner">
						<li>
							<label for="reservation_title" class="hot_btn">联系人</label>
							<input type="text" class="job_btn" id="reservation_title" name="reservation_title" placeholder="姓名" />
							<span class="stat">*</span>
						</li>
						<li>
							<label for="remuneration_title" class="hot_btn">企业名称</label>
							<input type="text" class="job_btn" id="remuneration_title" name="remuneration_title" />
							<span class="stat">*</span>
						</li>
						<li>
							<label for="cycle_title" class="hot_btn">手机号码</label>
							<input type="text" class="job_btn" id="cycle_title" name="cycle_title" />
							<span class="stat">*</span>
						</li>
						<li>
							<label for="remuneration_title" class="hot_btn">座机号码</label>
							<input type="text" class="job_btn" id="remuneration_title" name="remuneration_title" />
						</li>
						<li>
							<label for="cycle_title" class="hot_btn">邮箱账号</label>
							<input type="text" class="job_btn" id="cycle_title" name="cycle_title" />
							<span class="stat">*</span>
						</li>
					</ul>
				</div>

				<div class="reservation">立即预约</div>
			</div>
		</section>
		
		<footer>
			<iframe frameborder="0" name="Iframe1" src="../foot/foot.html" width="100%" height="250">
				您的浏览器不支持嵌入式框架，或者当前配置为不显示嵌入式框架。
			</iframe>
		</footer>
	</div>
</body>
<script type="text/javascript" src="../tooles/jquery.min.js"></script>
<script type="text/javascript" src="js/personalCenter.js"></script>
</html>